<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--创建表格-->
<table border="1">
    <tr>
        <th>用户名</th><th>密码</th><th>昵称</th>
    </tr>
</table>
<script>
  let arr = [{username:"tom",password:"123456",nickname:"汤姆"},
    {username:"jerry",password:"aabbcc",nickname:"杰瑞"},
    {username:"lucy",password:"xxyyzz",nickname:"露西"},]
  let table = document.querySelector("table");
    //遍历数组 把数组中的数据添加到表格里面
  for (let user of arr) {
      let tr = document.createElement("tr");
      let usernameTd = document.createElement("td");
      let passwordTd = document.createElement("td");
      let nicknameTd = document.createElement("td");
      usernameTd.innerText = user.username;
      passwordTd.innerText = user.password;
      nicknameTd.innerText = user.nickname;
      tr.append(usernameTd,passwordTd,nicknameTd);
      table.append(tr);
  }
</script>
</body>
</html>